
<!DOCTYPE html>
<!--suppress ALL -->
<html >
<style>
    #map {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0px;
        bottom: 0px;
        z-index: 0;
        overflow:hidden;
        word-break:break-all;
        background-color: #f1f1f1;
    }
    .center-block {
        position: relative;
        top: 40%;
        margin: 50px;
        transform: translateY(-50%);
        width:300px;
        height:500px;
        background-color: #FFFFFF;
        box-shadow: darkgrey 0px 0px 5px 2px;
    }
    hr.style13 {
        height: 10px;
        width: 300px;
        border: 1px;
        color: black;
        box-shadow: 0 10px 10px -10px #8c8b8b inset;
    }
</style>
<head>
    <title>成功 - 风流</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <style type="text/css">
        #baidumap {width: 30%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
    </style>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=CONvhf9D7p0BTAKxEGvMDeHr3WFch3IA"></script>
    <script>
        $(function () {
            function logout() {
                window.location.href="https://lhy1999.gitee.io/project_page/";
            }
            function checkLogin() {
                var thisURL = document.URL;
                var getVal =thisURL.split('?')[1];
                if (getVal!=undefined)
                {
                    var getUsername= getVal.split("=")[0];
                    var info=localStorage.getItem(getUsername);
                    userInfo=JSON.parse(info);
                    if (info!=null) {
                        number=userInfo.logTimes+1;
                        $("#username").text(userInfo.name);
                        $("#mailNumber").text(userInfo.mail);
                        $("#registerTime").text(userInfo.registerTime);
                        $("#loginTime").text(userInfo.loginTime);
                        $("#logTimes").text(number);
                        var datas={
                            "name":userInfo.name,
                            "password":userInfo.password,
                            "mail":userInfo.mail,
                            "registerTime":userInfo.registerTime,
                            "loginTime":Date(),
                            "logTimes":number };
                        localStorage.setItem(userInfo.name,JSON.stringify(datas));
                        return 1;
                        //进行下一步
                    }
                }else{
                    alert("您未登录，即将返回登录页面！");
                    window.location.href="https://lhy1999.gitee.io/project_page/";
                    return 0;
                    //返回原链接；
                }
            }
            var loginUser=2;
            loginUser=checkLogin.call(loginUser);
        });
    </script>
    <!-- 引入 Bootstrap -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!--<link rel="shortcut icon" href="fengliu.ico"/>-->

    <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
    <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div id ="map" >
    <div id="baidumap"></div>
    <script type="text/javascript">
        // 百度地图API功能
        var map = new BMap.Map("baidumap");    // 创建Map实例
        map.centerAndZoom(new BMap.Point(116.294549, 40.164091), 16);  // 初始化地图,设置中心点坐标和地图级别
        //添加地图类型控件
        map.addControl(new BMap.MapTypeControl({
            mapTypes:[
                BMAP_NORMAL_MAP,
                BMAP_HYBRID_MAP
            ]}));
        map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    </script>
    <div class="center-block" style="position: absolute; top: 230px; left: 38%;">
        <form class="form-horizontal" role="form" >
            <div class="btn-group btn-group-xs" style="position: absolute;left: 80%;">
                <button type="button" class="btn btn-default" onclick=logout();>注销</button></div>
            <h1 class="text-center" style="font-family: 华文行楷,serif;color:#0084ff;font-size:60px;position: absolute;top: 10px;left: 10%; ">信通风流</h1>
            <hr class="style13" style="position: absolute;top: 20%;">
            <p class="text-center" style=";font-size: 30px;position: absolute;top: 28%; left: 30px; font-family: 楷体,serif;color:brown;">
                恭喜您成功登录！</p>
            <div class="table-responsive">
                <table class="table table-hover" style=";font-size: 16px;position: absolute;top: 40%;  font-family: 楷体,serif;color:brown;">
                    <thead>
                    <tr>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>用户名</td>
                        <td id ="username"></td>
                    </tr>
                    <tr>
                        <td>邮箱</td>
                        <td id="mailNumber"></td>
                    </tr>
                    <tr>
                        <td>注册时间</td>
                        <td id="registerTime"></td>
                    </tr>
                    <tr>
                        <td>上次登录时间</td>
                        <td id="loginTime"></td>
                    </tr>
                    <tr>
                        <td>登录次数</td>
                        <td id="logTimes"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <p class="text-center" style=";font-size: 12px;position: absolute;top: 95%; left: 80px; font-family: 楷体,serif;color:#969696;line-height: 20px;">
                数风流人物，还看今朝！。</p>
            <hr class="style13" style="position: absolute;top: 90%;">
        </form>
    </div>
</div>
</body>
</html>
